/*------------------------------------------------------------------
[Profile Stylesheet]

Project:		Shared Rides
Last change:	28/08/2014
Assigned to:	Santiago Alurralde (sa)
-------------------------------------------------------------------*/


/*-----------------------------------------------------------------*/

.sr-tupper-bottom {
	/*	Section below */

	margin-top: 		50px
}

.sr-board {
    /*  OVERRIDE */
	/*	Container with white background */

	background-color:	white;
	padding:			20px 0 35px;
	width:				100%;	
}

.user-data {
	margin-top: 		1.5%;	
	height:				110px;
}

.public-data {
	width: 				35%;
}

.private-data {
	width: 				40%;
}

.picture-data {
	width:				19%;
	margin:				0 2% 0 3%;
}

.profile-data {
    min-height:			500px;
	overflow:			auto;    
	padding:            0 20px;
}

.pedestrian-data {
	text-align: 		right;
	margin-left:  		16px;
}

.pedestrian-data.block-half {
	width:				47%;
}

.pedestrian-data, .driver-data, .private-data {
	display:			none;
}

.star {
    width:				50px;
}

.star-left {
	float:				left;
	margin-right:		2%;
}

.star-right {
	float:				right;
	margin-left:		2%;
}


.picture-profile {
    border:				solid 4px #FFF;
    box-shadow:			.45px 1px 3.5px #444;
	color:				#000;
    height:				150px;
	width:				140px;
	z-index:			500;
}

#line {
	height: 			100%;
	position:			absolute;
	left:				50%;
	top:				0;
}

.text-bold{
	font-weight:  		bold;
}

.text-left{
	text-align:  		left;
}

.btn-request-assoc {
	margin-left: 		3px;
}

.btn-request-assoc img {
	width:				25px;	
}

.map-container {
    /* Holds the map and its label */

	margin: 			45px 0 17px;
}

.vehicle {
    /* Contains data and interface related to drivers and vehicle */

	display:			none;
	margin-top:  		45px;
}


/*------------------------------------------------------------------
[Rating]
------------------------------------------------------------------*/

.rating {
    /* Contains data and interface related to rating */

	margin: 			5% 0 8%;
}

.rating-grade{
    /* Contains current rating */

	position: 			relative; 
	top: 				12px	
}

#wrapper-rating {
    box-sizing: 		border-box;
	height: 			100%;
    margin:				0;
	padding:			0;
	text-align: 		center;
	vertical-align: 	middle;
}

.star-rating {
    font-size: 			0;
    white-space: 		nowrap;
    display: 			inline-block;
    width: 				250px;
    height: 			50px;
    overflow: 			hidden;
    position: 			relative;
    background:			url('');
    background-size: 	contain;
}
	.star-rating i {
	  opacity: 				0;
	  position:				absolute;
	  left: 				0;
	  top: 					0;
	  height: 				100%;
	  width: 				20%;
	  z-index: 				1;
	  background: 			url('');
	  background-size: 		contain;
	}
	.star-rating input {
      -webkit-appearance: 	none;
	     -moz-appearance: 	none;
	  opacity: 				0;
	  display: 				inline-block;
	  width: 				20%;
	  height: 				100%;
	  margin: 				0;
	  padding: 				0;
	  z-index: 				2;
	  position: 			relative;
	}
	.star-rating input:hover + i, .star-rating input:checked + i{
	  opacity: 				1;
	}
	.star-rating i ~ i {
	  width: 				40%;
	}
	.star-rating i ~ i ~ i {
	  width: 				60%;
	}
	.star-rating i ~ i ~ i ~ i {
	  width: 				80%;
	}
	.star-rating i ~ i ~ i ~ i ~ i {
	  width: 				100%;
	}


/*------------------------------------------------------------------
[Tables]
------------------------------------------------------------------*/

.sr-schedule tr .cell-check-map:hover {
	/* Change individual cell color */
	
	background:		-webkit-linear-gradient(top, #F4F4F4, #E0E0E0);
	background:		   -moz-linear-gradient(top, #F4F4F4, #E0E0E0);
}

.cell-check-map {
    /* Cell that allows checking that schedule-slot's map */

    cursor:			pointer
}

/*------------------------------------------------------------------
[OVERRIDES]
------------------------------------------------------------------*/

.btn{
    /*  OVERRIDE */

    margin:	10px 0;
}
